import { Flex, Space } from "antd";

import styled from "styled-components";
import calendarDate from "@/assets/image/icons/calendar-date.png";
import dateDisabled from "@/assets/image/icons/date-disabled.svg";
// 定义卡片数据的类型
interface CardData {
  id: string;
  title: string;
  content: string;
  icon?: string;
}

const StyledImg = styled("img")`
  width: 24px;
  height: 24px;
`;

const StyledSpan = styled("span")`
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
`;

const DateTips = () => {
  return (
    <>
      <Space>
        <Flex align="center">
          <StyledImg src={calendarDate} alt="calendarDate" />
          &emsp;
          <StyledSpan> Selected</StyledSpan>
        </Flex>
        &emsp; &emsp;
        <Flex align="center">
          <img src={dateDisabled} alt="dateDisabled" />
          &emsp;
          <StyledSpan> Full</StyledSpan>
        </Flex>
      </Space>
    </>
  );
};

export default DateTips;
